// 闭包自执行函数  设置rem值
(function (doc, win) {
  var docEl = doc.documentElement
  // 检测window上是否有屏幕旋转事件属性
  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
  // 根据屏幕宽度设置rem值
  var recalc = function () {
    var clientWidth = docEl.clientWidth
    if (!clientWidth) return
    // 根据@2X屏幕大小设置rem值  在@2X屏幕上1rem为100px
    docEl.style.fontSize = (clientWidth / 10) + 'px'
  }
  // 如果浏览器不支持addEventListener，则中止
  if (!doc.addEventListener) return
  // 监听屏幕旋转事件并初始化rem值
  win.addEventListener(resizeEvt, recalc, false)
  // DOM元素渲染后添加事件监听初始化rem值
  doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)
